<template>
	<view class="">
		<u-popup :show="show" round="12rpx" mode="center" :safeAreaInsetBottom='false'>
			<view class="hint bgf br12">
				<view class="hinta bgfe4 flex_c cf fw500 fs34">{{title}}</view>
				<view class="hint_btn flex_btw fs28">
					<view class="hint_btna flex_c cfe4" @click="cancel">取消</view>
					<view class="hint_btna flex_c bgfe4 cf" @click="affirm">确定</view>
				</view>
			</view>
		</u-popup>
	</view>

	<!-- //使用
	<messageBoxa :show.sync="show" @confirm='confirm'></messageBoxa> -->


</template>

<script>
	export default {
		props: {
			title: {
				default: "温馨提示",
			},
			show: {
				typeof: Boolean,
				default: false,
			}
		},
		components: {},
		data() {
			return {
			
			}
		},
		mounted() {

		},
		methods: {
			cancel() { //取消
				this.$emit('update:show', false)
			},
			affirm() {
				this.$emit('confirm')
			}
		},

		computed: {

		},
		watch: {}
	}
</script>

<style lang="scss" scoped>
	.hint {
		width: 520upx;
		height: 294upx;
		overflow: hidden;

		.hinta {
			height: 124upx;
		}

		.hint_btn {
			margin: 49upx 30upx 0 30upx;

			.hint_btna {
				width: 200upx;
				height: 72upx;
				border: 2upx solid #FE4B3D;
				border-radius: 40upx;
			}
		}
	}
</style>
